<template>
	<uni-popup ref="popup" background-color="rgba(0,0,0,0)" @change="popupChange">
		<view class="kefu-wrap">
			<view class="kefu">
				<web-view :webview-styles="webviewStyles" :src="src" style="height: 88vh;z-index: 999999;"></web-view>			
			</view>
		</view>
	</uni-popup>
</template>

<script>
	export default {
		name:"kefu",
		props:{
			src:{
				type:String,
				default:"https://www15c1.53kf.com/webCompany.php?arg=10549691&style=1&code_arg=7b68c929f62aa51687ab78b7b20622059&u_cust_id=&u_cust_name=&u_custom_info="
			}
		},
		data() {
			return {
				webviewStyles: {
				    progress: {
				        color: '#FF3333'
				    }
				},
			};
		},
		methods:{
			open(){
				this.$refs.popup.open('bottom')
			},
			close(){
				this.$refs.popup.close();
			},
			popupChange(e){
				console.log('当前模式：' + e.type + ',状态：' + e.show);
			}
		}
	}
</script>

<style lang="scss" scoped>
	.kefu-wrap{
		width: 100%;
		height: 88vh;
		// background: #fff;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 99999;
		.kefu{
			width: 100%;
			height: 100%;
			position: relative;
		}
	}
</style>